<!DOCTYPE html>
<html>
<head>
    <title>联培教育 G10 TEACHER</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <link rel="stylesheet" type="text/css" href="../Content/base.css">
    <link rel="stylesheet" type="text/css" href="../Content/personal.css">
    <link rel="stylesheet" type="text/css" href="../Content/login_edit.css">
    <link rel="stylesheet" type="text/css" href="../Content/resume.css">
    <script src="../Scripts/jquery-1.10.2.min.js"></script>

    <script src="../Scripts/WdatePicker/WdatePicker.js"></script>
    <script src="../Scripts/Tools.js"></script>
    <script type="text/javascript" src="../Scripts/main.js"></script>
    <script src="../Scripts/tConfirm.js"></script>
    <script src="../Scripts/YMDClass.js"></script>
    <script src="../Scripts/jquery.cityselect.js"></script>

    <link rel="stylesheet" type="text/css" href="../Content/tConfirm.css">
    
    <script type="text/javascript">
        function ChangeClass(obj) {
            $(".pageTag", ".personalmenu").each(function (i) {
                if (this == obj) {
                    $(obj).addClass("active");
                }
                else {
                    $(this).removeClass("active");
                }
            });

        }
    </script>
</head>
<body>

    <div class="wrap">
        <div class="header">
            <div class="top">
                <div class="inner">
                   <dl class="social">
                        
                        <dd>官方微博：<a href="" class="wb"></a></dd>
                        <dd>微信公众号：<a href="" class="wx"></a></dd>
                        <dd>全国服务热线：021-52588866</dd>
                    </dl>
                    <div class="user">
                            <!--登录后-->
                            <a href="Login.html" class="tologin">123，您好</a>
                            <div class="myorder">
                                <div class="haveafter">
                                    <span>个人中心</span>
                                    <ul class="downbox">
                                        <li class="active"><a href="../Resume/account_info.html">履历表</a></li>
                                        <li><a href="../Personal/ethics.html">档案袋</a></li>
                                        <li><a href="../Order/index.html">我的订单</a></li>
                                        <li><a href="#">我的收藏</a></li>
                                    </ul>
                                </div>
                                <a href="#">进入考试</a>
                            </div>
                            <a href="../Account/LogOff" class="tologout">退出</a>
                    </div>
                </div>
            </div>
            <div class="nav">
                <div class="inner">
                    <div class="logo">
                        <a href="../"><img src="../Content/images/logo.png" /></a>
                    </div>
                    <ul class="menu">
                        <li><a href="../g10.qa.html">首页</a></li>
                        <li>
                            师资认证
                            <ul>
                                <li><a href="../home/about.html">认证简介</a></li>
                                <li><a href="../home/target.html">认证目标</a></li>
                                <li><a href="../home/guide.html">考试说明</a></li>
                            </ul>
                        </li>
                        <li>
                            我要考试
                            <ul>
                                <li> <a href="../Product/Index.html">我要考试</a> </li>
                                <li> <a href="#" onclick="GoToTest()">模拟考试</a> </li>
                            </ul>
                        </li>
                        <li><a href="../Legalize/index.html">我要认证</a></li>
                        <li>
                            培训晋升
                            <ul>
                                <li><a href="../internship/index.html">就业机会</a></li>
                                <li><a href="../employmenttraining/index.html">就业培训</a></li>
                            </ul>
                        </li>
                        <li><a href="../home/parner.html">机构合作</a></li>
                        <li><a href="../home/faq.html">联系我们</a></li>
                    </ul>
                </div>
            </div>
            <div class="banner">
                <div class="bannerbg">
                    <img src="../Content/images/banner.jpg" />
                </div>
            </div>
            <div class="location">
                <div class="inner">
                    <a href="#">个人中心</a>

                    <ul class="personalmenu">
                        <li>
                            <a href="../Resume/Account_info.html" class="pageTag active" id="mycar" onclick="ChangeClass(this)">履历表</a>
                        </li>
                        <li>
                            <a href="../Personal/ethics.html" class="pageTag" id="mycar" onclick="ChangeClass(this)">档案袋</a>
                        </li>
                        <li>
                            <a href="../Order/index.html" class="pageTag" id="myorder" onclick="ChangeClass(this)">我的订单</a>
                        </li>
                        <li>
                            <a href="#" class="pageTag" id="mycar" onclick="ChangeClass(this)">我的收藏夹</a>
                        </li>
                    </ul>
                </div>
            </div>

        </div>

        <section>
            <script src="../Scripts/MvcPager.js"></script>
            <script src="../Scripts/jquery.unobtrusive-ajax.min.js"></script>

            <div class="container">
                
                <div class="resume-list clearfix">
                    <!-- 左侧导航栏 -->
                    <div class="resume-subnav">
                        <ul>
                            <li>
                                <a href="Account_info.html">
                                    <p><img src="../Content/images/resume1.png" alt=""></p>
                                    <p>账号信息</p>
                                </a>
                            </li>
                            <li class="active">
                                <a href="profile_info.html">
                                    <p><img src="../Content/images/resume2_on.png" alt=""></p>
                                    <p>基本信息</p>
                                </a>
                            </li>
                            <li>
                                <a href="educational.html">
                                    <p><img src="../Content/images/resume3.png" alt=""></p>
                                    <p>教育背景</p>
                                </a>
                            </li>
                            <li>
                                <a href="experience.html">
                                    <p><img src="../Content/images/resume4.png" alt=""></p>
                                    <p>授课经验</p>
                                </a>
                            </li>
                        </ul>
                    </div>
                    <div class="resume-account modify loginAndReg">
                        <p class="account-info-item acount-title" style="margin-left: 103px;margin-bottom: 0!important">填写个人基本信息</p>
                        <div class="userAvatar">
                            <div class="upbox clearfix">
                                <div class="upPhoto">
                                    <div id="user_head_show_box" class="cf clearfix">
                                        <img id="user_head_origin" src="../Content/images/HeadSculpture.png">
                                        <span id="msgInfo">
                                            <em>请上传一寸白底正面免冠证件照</em>
                                            <em>尺寸要求：295（宽）*413（高）</em>
                                            <em>支持jpg, jpeg, png, bmp格式 </em>
                                        </span>
                                    </div>
                                    <br>
                                    <div class="upcon" id="user_head_upload_box">
                                        <div class="upfile">
                                            <form id="user_head_form" action="#" enctype="multipart/form-data" method="post">                            <input type="file" name="head" class="filebtn" onchange="$('#user_head_upload_box').hide();$('#user_head_show_box').show();$('#user_head_form').submit();$('.sysbtn').show()">
                                                                        <input type="button" class="upimgbtn" value="上传头像">
                                            </form>                    
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <form id="EditUserInfoForm" action="#" method="post" onsubmit="return formSubmit()">
                            <div class="accountInfo cf loginAndReg">

                                <div class="accountBox haveTipIcon">
                                    <p class="regInputList userName">
                                        <span class="label-left">用户姓名：</span>
                                        <label>
                                            <input class="changeInput" data-val="true" data-val-required="用户姓名 字段是必需的。" id="User_Name" name="User_Name" placeholder="请输入用户姓名" type="text" value="" />
                                            <em class="clean"></em>
                                            <em class="clear"></em>
                                            <em class="emptyVal">
                                                <span class="tipTxt">不能为空</span>
                                                <span class="tipIcon"></span>
                                            </em>
                                        </label>
                                    </p>
                                    <p class="regInputList">
                                        <span class="label-left">用户性别：</span>
                                        <span class="input_tips">
                                            <span class="sex_item">
                                                <label> <input name="gender" type="radio" value="1" checked="">男</label> 
                                                <label> <input name="gender" type="radio" value="2">女</label>
                                            </span>
                                        </span>
                                    </p>
                                    <p class="regInputList UserIdCard">
                                        <span class="label-left">身份证号：</span>
                                        <label>
                                            <input class="changeInput" data-val="true" data-val-required="身份证号 字段是必需的。" id="idCard" name="idCard" placeholder="请输入身份证号" type="tel" value="" />
                                            <em class="clean"></em>
                                            <em class="clear"></em>
                                            <em class="emptyVal">
                                                <span class="tipTxt">不能为空</span>
                                                <span class="tipIcon"></span>
                                            </em>
                                        </label>
                                    </p>
                                    <div class="regInputList selectList">
                                        <span class="label-left">出生日期：</span>
                                        <div id="date">
                                            <select class="reset-style" name="year" id="year"> </select>
                                            <select class="reset-style" name="month" id="month"></select>
                                            <select class="reset-style" name="days" id="days"></select>
                                        </div>
                                    </div>
                                    <div class="regInputList selectList">
                                        <span class="label-left">户口所在地：</span>
                                        <div class="select-city" id="city_hukou">
                                            <select id="hukouProv" class="prov reset-style"></select> 
                                            <select id="hukoCity" class="city reset-style" disabled="disabled"></select>
                                        </div>
                                    </div>
                                    <div class="regInputList selectList">
                                        <span class="label-left">就职/学习所在地：</span>
                                        <div class="select-city" id="city_job">
                                            <select id="jobProv" class="prov reset-style"></select> 
                                            <select id="jobCity" class="city reset-style" disabled="disabled"></select>
                                        </div>
                                    </div>
                                    <p class="regInputList userCompany">
                                        <span class="label-left">就职单位：</span>
                                        <label>
                                            <input class="changeInput" data-val="true" data-val-required="身份证号 字段是必需的。" id="company" name="company" placeholder="请输入就职单位" type="text" value="" />
                                            <em class="clean"></em>
                                            <em class="clear"></em>
                                            <em class="emptyVal">
                                                <span class="tipTxt">不能为空</span>
                                                <span class="tipIcon"></span>
                                            </em>
                                        </label>
                                    </p>
                                </div>
                                <button type="submit" id="save">保&nbsp;&nbsp;存</button>
                            </div>
                        </form>
                    </div>
                    
                </div>

            </div>

        </section>

        <div class="footer">
            <div class="inner">
                <ul>
                    <li><span class="zl"></span>权威认证体系</li>
                    <li><span class="sz"></span>强大师资力量</li>
                    <li><span class="zz"></span>多阶专业培训</li>
                    <li><span class="xq"></span>最具前瞻性的职业通道</li>
                </ul>
            </div>
            <div class="bottom">
                <div class="inner">
                    <div class="about">
                        <h6>G10 teacher</h6>
                        <p>G10Teacher师享汇由国内20+顶尖教育培训机构联合发起，为K12行业教师提供师资认证、师资培训及师资就业服务， 致力于建立教育培训行业认证标准、提升培训机构师资能力、打造教育培训卓越品牌，从而成为“中国最大的K12行业师资认证与输出平台”。</p>
                    </div>
                    <div class="as">
                        <h2>021-54105871</h2>
                        <span>周一至周五 9:00-18:00</span>
                    </div>
                </div>
            </div>
            <div class="siteinfo">
                <div class="inner">
                    <img src="../Content/images/infologo.png" />
                    <span>
                        上海联培教育科技有限公司&nbsp;&nbsp;&nbsp;沪ICP备17013313号
                    </span>
                    <img src="../Content/images/info1.gif" />
                    <img src="../Content/images/info2.gif" />
                    <img src="../Content/images/info3.gif" />
                </div>
            </div>
        </div>
    </div>

</body>
</html>

<script type="text/javascript">
    $(function(){
        var subnavHeight = $(".resume-subnav").height();
        var accountHeight = $(".resume-account").height();
        if(subnavHeight<accountHeight){
            $(".resume-subnav").css('height',accountHeight+50+'px');
        };

        $(".haveafter").hover(function(){
            $(this).addClass('visited');
        },function(){
            $(this).removeClass('visited');
        });
        // 出生日期
        // new YMDselect('year','month','days');
        new YMDselect('year','month','days',2000,1,1);

        // 户口所在地，就职学习所在地
        $("#city_hukou").citySelect({prov:"上海", city:"徐汇区"});
        $("#city_job").citySelect({prov:"上海", city:"徐汇区"});


    })
        //input得到焦点
        function tipStatuSet(event){
            $(event).parents("label").siblings("span").css('background-color','#189fdb');
            $(event).css('border-color','#189fdb');
            var inputVal = $.trim($(event).val());
            if(inputVal==''){
                $(event).parents('label').find(".emptyVal").hide();
                $(event).parents('label').find(".clean").hide();
                $(event).parents("label").find(".clear").hide();
            }else{
                $(event).parents('label').find(".emptyVal").hide();
                $(event).parents('label').find(".clean").hide();
                $(event).parents('label').find(".clear").show();
            }
        };

        // input框失去焦点
        function outlineColorChange(event){
            if($.trim($(event).val())){
                $(event).parents("label").siblings("span").css('background-color','#189fdb');
                $(event).css('border-color','#189fdb');
                $(event).parents("label").find(".clean").show();
                $(event).parents("label").find(".emptyVal").hide();
                $(event).parents("label").find(".clear").hide();
            }else{
                $(event).parents("label").siblings("span").css('background-color','#dcdcdc');
                $(event).css('border-color','#dcdcdc');
                $(event).parents("label").find(".emptyVal").show();
                $(event).parents("label").find(".clean").hide();
                $(event).parents("label").find(".clear").hide();
                
            }
        };

        // 点击input框的删除按钮
        $("body").on("mousedown","em.clear",function(){
            $(this).parents("label").find("input").val('');
            $(this).parents("label").find("input").focus();
            return false;
        });

        // 必填身份证号验证
        function validateIdCard(idCard) {
            //15位和18位身份证号码的正则表达式
            var regIdCard = /^(^[1-9]\d{7}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])\d{3}$)|(^[1-9]\d{5}[1-9]\d{3}((0\d)|(1[0-2]))(([0|1|2]\d)|3[0-1])((\d{4})|\d{3}[Xx])$)$/;

            //如果通过该验证，说明身份证格式正确，但准确性还需计算
            if (regIdCard.test(idCard)) {
                if (idCard.length == 18) {
                    var idCardWi = new Array(7, 9, 10, 5, 8, 4, 2, 1, 6, 3, 7, 9, 10, 5, 8, 4, 2); //将前17位加权因子保存在数组里
                    var idCardY = new Array(1, 0, 10, 9, 8, 7, 6, 5, 4, 3, 2); //这是除以11后，可能产生的11位余数、验证码，也保存成数组
                    var idCardWiSum = 0; //用来保存前17位各自乖以加权因子后的总和
                    for (var i = 0; i < 17; i++) {
                        idCardWiSum += idCard.substring(i, i + 1) * idCardWi[i];
                    }

                    var idCardMod = idCardWiSum % 11;//计算出校验码所在数组的位置
                    var idCardLast = idCard.substring(17);//得到最后一位身份证号码

                    //如果等于2，则说明校验码是10，身份证号码最后一位应该是X
                    if (idCardMod == 2) {
                        if (idCardLast == "X" || idCardLast == "x") {
                            return true;
                        } else {
                            return false;
                        }
                    } else {
                        //用计算出的验证码与最后一位身份证号码匹配，如果一致，说明通过，否则是无效的身份证号码
                        if (idCardLast == idCardY[idCardMod]) {
                            return true;
                        } else {
                            return false;
                        }
                    }
                }
            } else {
                return false;
            }
        };

        //点击保存按钮正确提示
        function tipTrueSet(event){
            $(event).find(".emptyVal").hide();
            $(event).find(".clean").show();
        };

        // 点击保存按钮错误提示
        function tipFalseSet(event){
            $(event).find(".emptyVal").show();
            $(event).find(".clean").hide();
        };

        // 用户姓名
        $("#User_Name").focus(function(){
            tipStatuSet($(this));
        });
        $("#User_Name").blur(function(){
            outlineColorChange($(this));
        });

        // 身份证号
        $("#idCard").focus(function(){
            tipStatuSet($(this));
        });
        $("#idCard").blur(function(){
            var $idCardInput = $(this).val();
            if(!validateIdCard($idCardInput)){
                $(".UserIdCard").find(".emptyVal").show();
                $(".UserIdCard").find(".emptyVal").find(".tipTxt").text("请输入正确的身份证号");
                $(this).parents("label").siblings("span").css('background-color','#dcdcdc');
                $(this).css('border-color','#dcdcdc');
                return false;
            }else{
                outlineColorChange($(this));
            }
        });

        // 就职单位
        $("#company").focus(function(){
            tipStatuSet($(this));
        });
        $("#company").blur(function(){
            outlineColorChange($(this));
        });

        // 点击保存按钮
        function formSubmit(){
            var year = $("#year option:selected").html();
            var month = $("#month option:selected").html();
            var day = $("#days option:selected").html();
            var dateZhong = year+month+day;
            var dateVal = year.substr(0 , year.length-1)+"-"+month.substr(0 , month.length-1)+"-"+day.substr(0 , day.length-1);

            var nameVal = $.trim($("#User_Name").val());
            var genderVal = $(".sex_item").find("input[type=input]:checked").val();
            var idCardVal = $("#idCard").val();
            var hukouVal = $("#hukouProv option:selected").html()+$("#hukoCity option:selected").html();
            var jobVal = $("#jobProv option:selected").html()+$("#jobCity option:selected").html();
            var companyVal = $.trim($("#company").val());
            // 用户名
            if(nameVal==''){
                tipFalseSet($(".userName"));
                return false;
            }else{
                tipTrueSet($(".userName"));
            }

            if(!validateIdCard(idCardVal)){
                // 验证身份证号
                $(".UserIdCard").find(".emptyVal").show();
                $(".UserIdCard").find(".emptyVal").find(".tipTxt").text("请输入正确的身份证号");
                $(this).parents("label").siblings("span").css('background-color','#dcdcdc');
                $(this).css('border-color','#dcdcdc');
                return false;
            }else{
                outlineColorChange($("#idCard"));
            }

            // 就职单位
            if(companyVal==''){
                tipFalseSet($(".userCompany"));
                return false;
            }else{
                tipTrueSet($(".userCompany"));
            }

            setTimeout(function(){
                $("#User_Name").val("nameVal");
                $(":radio[name='gender'][value='" + 2 + "']").prop("checked", "checked");
                new YMDselect('year','month','days',1993,4,12);
                $("#city_hukou").citySelect({prov:"河南", city:"郑州"});
                $("#city_job").citySelect({prov:"上海", city:"杨浦区"});
                $("#idCard").val("123");
                $("#company").val("白鹿");
            });
            return false;
        };
    
</script>

<!-- <script>
    $(document).ready(function() {
        $("#user_head_form").ajaxForm({
            success: function (data) {
                debugger;
                $('#user_head_show_box').hide();
                $("#msgInfo").hide();
                if (data != undefined && data != null) {
                    if (eval('(' + data + ')').msg == 0) {
                        $('#user_head_show_box').show();
                        $("#msgInfo").show();
                        alert("请上传图片！");
                    } else if (eval('(' + data + ')').msg == -1) {
                        $('#user_head_show_box').show();
                        $("#msgInfo").show();
                        alert("文件格式不对！");
                    } else if (eval('(' + data + ')').msg == -2) {
                        $('#user_head_show_box').show();
                        $("#msgInfo").show();
                        alert("上传图片不能超过10M！");
                    } else if (eval('(' + data + ')').msg == -3) {
                        $('#user_head_show_box').show();
                        $("#msgInfo").show();
                        alert("出现异常，请稍后再试！");
                    } else if (eval('(' + data + ')').msg == -4) {
                        $('#user_head_show_box').show();
                        $("#msgInfo").show();
                        alert("上传照片非一寸照片（295*413）格式！");
                    }
                    else {
                        var models = eval("(" + data + ")");
                        var path = "/avatar/Avatar/" + models.msg;
                        $("#head_name").val(models.msg);
                        $("#avatar").val(models.msg);
                        UserHeadUtil.initialize(path);

                    }
                }
                $('#user_head_upload_box').show();
            }
        });
        $("#user_head_param_form").ajaxForm({
            success: function (data) {
                if (data.msg == 0) {
                    showreward("<span class=\"g_error\">网络出现异常，请稍后再试！</span>");
                } else if (data.msg == -1) {
                    showreward("<span class=\"g_error\">系统出现异常，请稍后再试！</span>");
                } else {
                    showreward("<span class=\"g_ok\">头像保存成功！</span>");
                    $("img#origin_user_head_75").attr("src", "/avatar/75/" + data);
                    $("img#top_user_head_25").attr("src", "/avatar/25/" + data);
                    $('img#user_head_origin').imgAreaSelect({ remove: true });
                    $("#user_head_show_box").hide();
                    $("#user_head_upload_box").show();
                    $("#user_head_origin").attr({
                        "src": "/Content/img/upload.png",
                        "width": "100%",
                        "height": "100%"
                    });
                }
            }
        });
    });
</script> -->

<script>
    function GoToTest() {
        debugger;
        $.ajax({
            type: "post",
            dataType: 'json',
            url: "/Account/OpenURLToXueWu",
            cache: false,
            success: function (result) {
                if (result.IsLogin) {
                    window.open(result.url);
                }
                else {
                    //Info("提示！", "必须登录系统后才能使用模拟考试功能！");
                    window.location.href = "/Account/Login?returnUrl=/Home/Index";
                }
            },
            error: function (textStatus, errorThrown) {
                window.open("G10teacher.com");
            }
        });
    }
    function GoTest() {
        window.open("/Account/Login?returnUrl=/Home/Index");
    }
</script>